<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>遍历数组对象</title>
<style>
table {
    width: 600px;
    text-align: center;
   margin: 0 auto;
}

table,th,td {
border: 1px solid black;
    border-collapse: collapse;
}
caption {
    font-size: 18px;
   margin-bottom: 10px;
    font-weight: 700;
}
tr {
    height: 40px;
    cursor: pointer;
}
table tr:nth-child(1) {
    background-color: #ddd;
}
table tr:not(:first-child):hover{
    background-color: #eee;
}
h2 {
    text-align: center;
}
</style>
</head>
<body>
<h2>学生列表</h2>
<script src="vue.global.js"></script>
<!--<table>-->
<!--    <tr>-->
<!--    <td>序号</td>-->
<!--    <td>姓名</td>-->
<!--    <td>年龄</td>-->
<!--    <td>性别</td>-->
<!--    <td>家乡</td>-->
<!--    </tr>-->
<!--    <script>-->
<!--let students= [-->
<!--    {name:'小明',age:'12',gender:'男',hometown:'河北省'},-->
<!--    {name:'小明',age:'12',gender:'男',hometown:'河北省'},-->
<!--    {name:'小明',age:'12',gender:'男',hometown:'河北省'},-->
<!--    {name:'小明',age:'12',gender:'男',hometown:'河北省'},-->
<!--]-->
<!--for (let i = 0; i < students.length; i++) {-->
<!--    document.write(-->
<!--        //用模版字符串记得加反引号-->
<!--       ` <tr>-->
<!--            <td>${i+1}</td>-->
<!--            <td>${students[i].name}</td>-->
<!--            <td>${students[i].age}</td>-->
<!--            <td>${students[i].gender}</td>-->
<!--            <td>${students[i].hometown}</td>-->
<!--         </tr>`-->

<!--    )-->
<!--}-->
<!--    </script>-->

<script>
    const arr= [1,2,36]
    console.log(Math.max(...arr))
    //项目一
// let obj = {
//     uname:'张三',
//     age:18,
//     gender:'男'
// }
// for (let k in obj) {
//     console.log(k)
//     console.log(obj[k])
// }
    //项目二
// let students=[
// {
//     name:'小名',
//         age:15,
//     gender:'男',
//     hometown:'河北省'
// },
// {
//     name:'小李',
//         age:15,
//     gender:'男',
//     hometown:'河北省'
// },
// {
//     name:'小张',
//         age:15,
//     gender:'男',
//     hometown:'河北省'
// },
// {
//     name:'小王',
//         age:15,
//     gender:'男',
//     hometown:'河北省'
// },
// ]
// for(let i=0;i<students.length;i++){
//     // console.log(i) //打印下标索引号
//     // console.log(students[i]) //打印每个对象
//     console.log(students[i].name)
// }
    //项目三

</script>
</body>
</html>
